<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link href="/Public/admin/css/style.css" rel="stylesheet">
    <link href="/Public/admin/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/Public/plugin/editor/themes/default/default.css" />
    <link href="/Public/plugin/select2/select2.css" rel="stylesheet">
    <script charset="utf-8" src="/Public/plugin/editor/kindeditor.js"></script>
    <script charset="utf-8" src="/Public/plugin/editor/lang/zh_CN.js"></script>
    <style>
        #imgList{
            max-width:510px;
        }
        #imgList .imgBox{
            width:160px;
            height:100px;
            position:relative;
            float:left;
            overflow:hidden;
            border:1px solid #ccc;
            margin-right:5px;

        }
        .imgBox img{
            width:156px;
            height:96px;
            margin:2px 2px;
        }
        .close_icon{
            position:absolute;
            cursor:pointer;
            right:0px;
            top:-5px;
            color:#666;
            display:none;
            font-size:14px;
        }
        .borders{
            position:relative;
            width:400px;
            height:20px;
        }
        .borders div,.borders span{
            display:inline-block;
        }
    </style>
    <title>{$title}</title>
</head>
<body>
<div class="breadNav">
    <ul class="breadNavBar">
        <li><i class="icon-home" style="font-size:16px"></i></li>
        <li><a href="javascript:;" onClick="parent.location.reload('/Admin/Index/index');">首页</a></li>
        <li>&gt;</li>
        <li><a href="/Admin/Menu/index">自定义菜单</a></li>
        <li>&gt;</li>
        <li>添加菜单</li>
    </ul>
</div>
<div style="clear:both;"></div>
<div class="filter">
    <a href="/Admin/Menu/index" class="btn btn-primary btn-lg" id="backBtn"><i class="icon-reply"></i>&nbsp;返回</a>
</div>
<form id="form" class="from" method="post" action="">
    <div class="form-group">
        <label class="control-label">菜单名称:</label>
        <input type="text" name="name" class="form-control" value="" style=" width:500px;">
        <span class="helpBlock"></span>
    </div>

    <div class="form-group">
        <label class="control-label">菜单类型:</label>
        <select id="catID" name="type" style="width: 140px;">
            <option value="">请选择菜单类型</option>
            <option value="click">点击菜单事件</option>
            <option value="view">跳转url事件</option>
        </select>
        <span class="helpBlock"></span>
    </div>
    <div class="form-group">
        <label class="control-label">自定义事件:</label>
        <input type="text" name="key" class="form-control" value="" style=" width:200px;">
        <span class="helpBlock">选择点击菜单事件时填写</span>
    </div>

    <div class="form-group">
        <label class="control-label">url地址:</label>
        <input type="text" name="url" class="form-control" value="" style=" width:200px;">
        <span class="helpBlock">选择跳转url事件时填写</span>
    </div>
    <div class="form-group">
        <label class="control-label">&nbsp;</label>
        <button class="btn btn-primary"><i class='icon-check'></i>&nbsp;保存</button>
    </div>
</form>
</body>
<script src="/Public/js/jquery.min.js?ver=1.8.3"></script>
<script src="/Public/admin/js/main.js"></script>
<script src="/Public/js/vali.js"></script>
<script src="/Public/js/prompt.js"></script>
<script src="/Public/plugin/select2/select2.min.js"></script>
<script>
    $(document).ready(function() {
        $('#catID').select2();
        $("form").vali({
            "control": [
                {"id": "name", "rule": "notNull", "errorText": ""}
            ]
        })
    })

</script>
</html>
